<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/frame/layui-master/src/css/layui.css">

    <link href="http://res.268xue.com/res/static/common/v3/bootstrap_3.3.7/bootstrap.min.css?v=3.3.7"
          rel="stylesheet" type="text/css">
    <link href="http://res.268xue.com/res/static/common/v3/cssfont/font-awesome_4.4.0/font-awesome.min.css?v=4.4.0"
          rel="stylesheet" type="text/css">
    <link href="http://res.268xue.com/res/static/front/web/v3/css/Wui.css?v=1.1.0"
          rel="stylesheet" type="text/css">
    <link href="http://res.268xue.com/res/static/front/web/v3/css/common.css?v=1.1.0"
          rel="stylesheet" type="text/css">
    <link href="http://res.268xue.com/res/static/front/web/v3/css/exam/exam.css?v=1.1.0"
          rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="/js/laypage/skin/laypage.css">

    <script src="/js/laypage/laypage.js" charset="utf-8"></script>
    <script src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap/bootstrap.min.js"></script>


    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/layer/layer.js" charset="utf-8"></script>
    <script type="text/javascript" src="/frame/layui-master/src/layui.js"></script>
    <style>
        .home{
            width: 1000px;
            margin: 10px auto 10px auto ;


        }
        .e-box{
            margin-left:10px;
            float: left;
        }
        .topSpan{
            margin-left: 240px;
        }
    </style>
</head>
<body style="background-color: #F1F4F7">

    <div class="home">
        <div class="e-box thumbnail text-center box1" style="width: 30%">
            <section class="hLh30"><span class="fs18 c-primary">免费</span></section>
            <section class="hLh30 mt10">
                <span class="fs20 c-333">随机练习</span>
            </section>
            <section class="cm-desc-txt__twoLine mt5">
                <span class="fs12 c-999">按考试课程测试，效果快</span>
            </section>
            <div class="mt20"><span class="kd-icon">&nbsp;</span></div>
            <div class="mt20 pt10 i-e-four-btn">
                <button id="examPoint" type="button" class="btn btn-outline btn-info" onclick="">开始练习</button>
            </div>
        </div>

        <div class="e-box thumbnail text-center box2" style="width: 30%">
            <section class="hLh30"><span class="fs18 c-primary">免费</span></section>
            <section class="hLh30 mt10">
                <span class="fs20 c-333">强化练习</span>
            </section>
            <section class="cm-desc-txt__twoLine mt5">
                                <span class="fs12 c-999">
                                    根据考试课程，进行针对知识点进行试题练习
                                </span>
            </section>
            <div class="mt20"><span class="ct-icon">&nbsp;</span></div>
            <div class="mt20 pt10 i-e-four-btn">
                <button id="examError" type="button" class="btn btn-outline btn-info">开始练习</button>
            </div>
        </div>

        <div class="e-box thumbnail text-center box3" style="width: 30%">
            <section class="hLh30"><span class="fs18 c-primary">免费</span></section>
            <section class="hLh30 mt10">
                <span class="fs20 c-333">错题练习</span>
            </section>
            <section class="cm-desc-txt__twoLine mt5">
                <span class="fs12 c-999">可根据个人情况，自己针对错题练习</span>
            </section>
            <div class="mt20"><span class="zj-icon">&nbsp;</span></div>
            <div class="mt20 pt10 i-e-four-btn">
                <button id="examCustom" type="button" class="btn btn-outline btn-info">开始练习</button>
            </div>
        </div>
    </div>

    <script>
        /*随机练习 点击事件*/
        $("#examPoint").on("click",function () {

            layer.open({
                type:2,
                title:'<i class="layui-icon layui-icon-list" ' +
                'style="font-size: 20px; color: #429dd4;"</i> ' +
                '<span style="color:#332f2a;">随机练习</span><span class="topSpan" ' +
                'style="font-size: 13px;color:#b5a596;">按考试课程练习,效果快</span>',
                fix:false,
                maxmin:true,
                area:['600px','400px'],
                content:'/sj/tosj.do',//随机 .do
                end:function () {//动作完成加载的函数
                }
            });
        });

        /*强化练习 点击事件*/
        $("#examError").on("click",function () {

            layer.open({
                type:2,
                title:'<i class="layui-icon layui-icon-list" ' +
                'style="font-size: 20px; color: #429dd4;"</i> ' +
                '<span style="color:#332f2a;">强化练习</span><span class="topSpan" ' +
                'style="font-size: 13px;color:#b5a596;">按考点练习,效果明显</span>',
                fix:false,
                maxmin:true,
                area:['600px','400px'],
                content:'',//强化练习
                end:function () {
                    
                }
            });

        });


    </script>



</body>
</html>